<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>上海乐配有限公司</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <!-- swiper  -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <div class="header-nav">
            <a href="#">
                <h1 class="header-nav-l">24梯,24T.net.cn</h1>
            </a>
            <nav class="header-nav-r">
                <a href="index.html" class="active">首页</a>
                <a href="24Tabstract.html">关于24T</a>
                <a href="news.html">新闻动态</a>
                <a href="business.html">业务产品</a>
                <a href="joinus.html">招贤纳士</a>
            </nav>
            <div class="language">
                <a href="#" class=" ">中文</a>
                <a href="#">English</a>
            </div>
        </div>
    </header>
    <section id="main">
        <!-- banner -->
        <div class="swiper-container banner">
            <div class="swiper-wrapper banner-wrapper">
                <div class="swiper-slide">
                    <!-- <img src="images/headbanner_2.png" alt="" > -->
                    <img src="images/bannerbg_universe.png" alt="">
                    <div class="banner-content">
                        <img src="images/snowy_owl.png" alt="" class="snowy">
                        <div class="banner-title-href">
                            <h2>24梯</h2>
                            <p>我们用心守护电梯</p>
                            <div class="title-line-wrapper" style="opacity: 1; transform: translate(0px, -12px);">
                                <div class="title-line" style="transform: translateX(-64px);"></div>
                            </div>
                            <sub></sub>
                            <a href="business.html" class="button">
                                <span class="line line-top"></span>
                                <span class="line line-right"></span>
                                <span class="line line-bottom"></span>
                                <span class="line line-left"></span>
                                查看详情</a>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="images/headbanner_2.png" alt="" style="position:relative;top: -255px; height: auto;">
                </div>
                <div class="swiper-slide">
                    <img src="images/headbanner_3.png" alt="" style="position:relative;top: -255px; height: auto;">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev" style="left: 150px;"></div>
            <div class="swiper-button-next" style="right: 150px;"></div>
        </div>
        <!-- 我们是您最明智的选择 -->
        <div class="exhibition">
            <div class="exhibition-content">
                <h4 style="font-size: 28px; font-weight: 400;">我们是您最明智的选择</h4>
                <p>WE ARE YOUR EXCELLENT CHOICE</p>
                <ul>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
                            <defs>
                                <style>
                                    .hand {
                                        fill: #383c46;
                                        fill-rule: evenodd;
                                    }

                                    .product {
                                        fill: #383c46;
                                    }
                                </style>
                            </defs>
                            <path class="hand" d="M62.265,33.453A4.706,4.706,0,0,0,59,32.143H58.9a4.687,4.687,0,0,0-3.3,1.449L45,40l1,1a4.852,4.852,0,0,1,0,3l1-1,10.519-7.57a2.045,2.045,0,0,1,1.443-.634H59a2.058,2.058,0,0,1,1.486,3.482L47,50,20.093,53.392,16,57,6,48s14.274-8.562,16-10c1.011-.842,2.989-0.393,4,0s12.636,3.628,12.727,3.66C40.868,42.386,40.975,43.249,41,44a1.254,1.254,0,0,1-.225,1.189,2.033,2.033,0,0,1-1.14.621l-0.093.017L28,43l-2,3,13.565,2.485A4.691,4.691,0,0,0,42.715,47,3.872,3.872,0,0,0,44,44c-0.1-3.017-3.133-4.415-4.416-4.853L23.793,33.8l-0.079-.027-0.084.007a6.874,6.874,0,0,0-2.794,1.181l-0.007.005L0,48,15.51,62,22,57l25-4a3.5,3.5,0,0,0,2-1L62.405,40.114a4.715,4.715,0,0,0-.14-6.661"
                            />
                            <path class="product" d="M30.9,33.758L16.851,26.734A1.921,1.921,0,0,1,16,25V16c0-.978.022-1,1-1a2.188,2.188,0,0,1,2,2v7l11,6,0.044-11.922A2.223,2.223,0,0,1,32,16a2.187,2.187,0,0,1,2,2V30l11-6V17a2.188,2.188,0,0,1,2-2c0.978,0,1,.022,1,1v9a2.286,2.286,0,0,1-1.222,1.734L32.725,33.758a1.764,1.764,0,0,1-1.82,0h0Zm0.113-14.106L18,13c-0.6-.3-2-1.329-2-2s1.4-1.7,2-2L31.018,2.321a1.776,1.776,0,0,1,1.576,0L46,9c0.6,0.3,2,1.329,2,2s-1.4,1.7-2,2L32.594,19.651A1.693,1.693,0,0,1,31.018,19.651ZM22,11l10,5,10.014-5L32,6Z"
                            />
                        </svg>
                        <h4>主动式服务</h4>
                        <p>主动发现电梯关人，组织救援；提前预见电梯故障，计划维修
                        </p>
                    </li>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
                            <defs>
                                <style>
                                    .board {
                                        fill: #383c46;
                                        fill-rule: evenodd;
                                    }
                                </style>
                            </defs>
                            <path class="board" d="M53,52H36.753l8.076,8.048c0.464,0.573-.071,1.827-0.719,2.264C43.558,62.677,42.5,63.534,42,63l-7-7h0c0-1.008-2-2-3-2s-3,.989-3,2h0l-7,7a4.231,4.231,0,0,1-2.11-.688c-0.613-.493-1.179-1.7-0.715-2.264L27.26,52H11a8,8,0,0,1-8-8V12a8,8,0,0,1,8-8H30V3a2,2,0,0,1,4,0V4H53a8,8,0,0,1,8,8V44A8,8,0,0,1,53,52Zm4-40a4,4,0,0,0-4-4H11a4,4,0,0,0-4,4V44a4,4,0,0,0,4,4H53a4,4,0,0,0,4-4V12Z"
                            />
                            <path class="board" d="M44,43V36h6v7H44Zm4-5H46v3h2V38ZM34,29h6V43H34V29Zm2,12h2V31H36V41ZM24,32h6V43H24V32Zm2,9h2V34H26v7ZM14,23h6V43H14V23Zm2,18h2V25H16V41ZM27,27l10-6,8,8-3,3h8V24l-3,3L37,17,27,23,14,13Z"
                            />
                        </svg>
                        <h4>降低运营成本</h4>
                        <p>电梯故障与换件记录清晰透明</p>
                    </li>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
                            <defs>
                                <style>
                                    .bulb {
                                        fill: #383c46;
                                        fill-rule: evenodd;
                                    }

                                    .elevator {
                                        fill: #383c46;
                                    }
                                </style>
                            </defs>
                            <path class="bulb" d="M32,0C15.678,0,4,12.284,4,27.428a27.286,27.286,0,0,0,14,23.72L18,58a3.634,3.634,0,0,0,4,4h6a1.814,1.814,0,0,0,2,2h4a1.814,1.814,0,0,0,2-2h6a3.634,3.634,0,0,0,4-4l0-6.845A27.3,27.3,0,0,0,60,27.436C60.01,12.284,48.251.006,32.007,0.006ZM42,58H22V56H42v2Zm0-5H22V51H42v2Zm2.668-5.8-1.4.8H20.751l-1.412-.8A23.24,23.24,0,0,1,8,27C8,14.4,19.135,4,32,4S56,14.394,56,27c-0.008,8.107-4.13,16.111-11.332,20.2h0Z"
                            />
                            <path class="elevator" d="M44,42H20a2.277,2.277,0,0,1-2-2V15a2.221,2.221,0,0,1,2-2H44a2.249,2.249,0,0,1,2,2V40A2.154,2.154,0,0,1,44,42ZM30,15H20V40H30V15Zm3,0H31V40h2V15Zm11,0H34V40H44V15ZM36.739,29.164a0.858,0.858,0,0,1,.832.41l0.607,0.649V23.8a0.845,0.845,0,0,1,1.686,0v6.326l0.624-.617a0.87,0.87,0,0,1,.844-0.319,0.822,0.822,0,0,1,.661.586,0.763,0.763,0,0,1-.291.808L39.56,32.753a0.876,0.876,0,0,1-1.248-.016L36.306,30.57a0.763,0.763,0,0,1-.287-0.84A0.83,0.83,0,0,1,36.739,29.164Zm-14.4-3.743,2.038-2.16a0.89,0.89,0,0,1,.634-0.268,0.911,0.911,0,0,1,.634.253l2.175,2.16a0.744,0.744,0,0,1-.081,1.073,0.911,0.911,0,0,1-1.169,0l-0.617-.567v6.307a0.859,0.859,0,0,1-1.713,0V25.752l-0.651.709a0.884,0.884,0,0,1-.857.362,0.833,0.833,0,0,1-.7-0.582A0.755,0.755,0,0,1,22.34,25.421ZM33,42h1v6H33V42ZM30,4h1v9H30V4Z"
                            />
                        </svg>
                        <h4>智慧电梯改造</h4>
                        <p>多维度统计与分析电梯的使用和 保养等情况，为决策提供依据
                        </p>
                    </li>
                    <li>
                        <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
                            <defs>
                                <style>
                                    .circle {
                                        fill: #383c46;
                                        fill-rule: evenodd;
                                    }

                                    .up {
                                        fill: #383c46;
                                        fill-rule: evenodd;
                                    }
                                </style>
                            </defs>
                            <path class="circle" d="M55.387,13.234a29.986,29.986,0,0,1-44.78,39.78L5.879,57.742a1.5,1.5,0,1,1-2.121-2.121l4.856-4.856A29.992,29.992,0,0,1,51.086,8.854l-2.854,2.854,0,0A25.991,25.991,0,0,0,13.587,50.353l-2.828,2.828q1.015,1.018,2.124,1.936l2.851-2.851A25.993,25.993,0,0,0,50.37,13.6l0.015,0.013,2.828-2.828c0.063,0.063.118,0.135,0.181,0.2l4.728-4.728a1.5,1.5,0,1,1,2.121,2.121ZM15.734,52.266h0a26.139,26.139,0,0,1-2.147-1.913h0A26.133,26.133,0,0,0,15.734,52.266ZM51.086,8.854q1.109,0.916,2.127,1.933h0Q52.2,9.77,51.086,8.854h0Z"
                            />
                            <path class="up" d="M32,47a2.144,2.144,0,0,0,2-2V25l6,7a1.857,1.857,0,0,0,2.11.312c0.648-.437,1.183-1.691.719-2.264l-9.3-11.262c0.933,1.16-1.213-2.232-3.045,0l-9.31,11.262c-0.464.564,0.1,1.771,0.715,2.264C22.7,32.946,24,32,24,32l6-7V45A2.142,2.142,0,0,0,32,47Z"
                            />
                        </svg>
                        <h4>持续迭代更新</h4>
                        <p>产品版本保持更新，行业技术的开拓者和领导者
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 公司介绍 -->
        <div class="about-us">
            <div class="about-us-content">
                <h4>公司简介
                    <span class="line-bottom"></span>
                </h4>
                <p>ABOUT US</p>
                <div class="about-content">
                    <img src="images/location.jpg" alt="公司介绍">
                    <p class="intro">上海乐配信息科技有限公司成立于2014年，主要经营业务为智能电梯管理运营平台的开 发、运营，电梯配件的销售、技术咨询服务。
                        <br/> 　　公司拥有硬件软件资历多元化的水准。我们的产品：与中科院、廊坊所共同研发的电梯 管理运营平台目前已投入试运行，申请了多项专利认证，并将继续自主进行升级优化，技术 处于行业领先水平。在配件供应链上，依托投资方海安申菱电器制造有限公司，我们在拥有
                        电梯核心部件20多年生产制造经验的基础上，借助于电梯管理运营平台打造的备件库逐步开 发并形成了多品牌电梯的配件供应能力。同时公司获得行业与政府机构的全力支持，有中国 科学院、廊坊建筑科学研究所、中国电梯协会上海市电梯协会等。
                    </p>
                </div>
            </div>
        </div>
        <!-- 产品&业务 -->
        <div class="produc">
            <div class="produc-content">
                <h4>产品&业务
                    <span class="line-bottom"></span>
                </h4>
                <p>PRODUCTS WITH SERVICE</p>
                <ul class="produc-ul">
                    <li>
                        <a href="business.html">
                            <div class="scale-overflow">
                                <img src="images/protal_software.png " alt="">
                            </div>
                            <div class="produc-bg">
                                <h6>软件平台</h6>
                                <p class="text-overflow">对电梯关人进行主动发现、主动组织 救援。对电梯故障做到提前预见、计划维 修。维保工任务分发及实时位置显示。
                                </p>
                                <span>了解详情</span>
                            </div>
                        </a>
                    </li>
                    <li style="margin: 0px 10px;">
                        <a href="businessProduct.html">
                            <div class="scale-overflow">
                                <img src="images/protal_products.png" alt="">
                            </div>
                            <div class="produc-bg">
                                <h6>硬件产品</h6>
                                <p class="class=" text-overflow "">嵌入式控制系统和无线传感网，结合 视频应用核心技术，以多环节所组成的物 联网应用，实现电梯运行的安全监管。
                                </p>
                                <span>了解详情</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="businessServe.html">
                            <div class="scale-overflow">
                                <img src="images/protal_service.png" alt="">
                            </div>
                            <div class="produc-bg">
                                <h6>支持服务</h6>
                                <p class="text-overflow">我司专属自有品牌24梯400客服中心 24小时对外服务，服务内容包含产品的咨 询介绍、使用问题、意见反馈等。
                                </p>
                                <span>了解详情</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>

        </div>
        <!-- 热线电话 -->
        <div class="hot-phone">
            <img src="images/banner_hotline.svg" alt="" class="hot-phone-img">
        </div>
        <!-- 新闻动态 -->
        <div class="news-list">
            <div class="news-list-content">
                <h4>新闻动态
                    <span class="line-bottom"></span>
                </h4>
                <p>COMPANY NEWS</p>
                <div class="news-content">
                    <!-- <div class="news-big-item is-big">
                        <dl>
                            <dt>
                                <div class="date-icon">
                                    <span>23</span>
                                    2018.05
                                </div>
                                <p>最新新闻标题最新新闻标题最新新闻标题</p>
                            </dt>
                            <dd class="text text-overflow">最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细 最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容 最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容
                                最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容
                            </dd>
                        </dl>
                        <img src="images/pic.jpg" alt="" class="big-img">
                    </div>
                    <div class="news-big-item">
                        <dl>
                            <dt>
                                <div class="date-icon">
                                    <span>23</span>
                                    2018.05
                                </div>
                            </dt>
                            <dd class="text">
                                <p class="is-small">最新新闻标题最新新闻标题最新新闻标题</p>
                                <p class="is-small-p text-overflow"> 最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细 最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容
                                </p>
                            </dd>
                        </dl>
                    </div>
                    <div class="news-big-item">
                        <dl>
                            <dt>
                                <div class="date-icon">
                                    <span>23</span>
                                    2018.05
                                </div>
                            </dt>
                            <dd class="text">
                                <p class="is-small">最新新闻标题最新新闻标题最新新闻标题</p>
                                <p class="is-small-p text-overflow"> 最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细 最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容最新新闻详细内容
                                </p>
                            </dd>
                        </dl>
                    </div> -->
                </div>
            </div>

        </div>
        <!-- 联系我们 -->
        <div class="contact-us">
            <div class="contact-us-content">
                <h4>联系我们
                    <span class="line-bottom"></span>
                </h4>
                <p>CONTACT US</p>
                <div class="location-map">
                    <div class="information position1">
                        <h6>公司地址</h6>
                        <p>上海市杨浦区黄兴路2077号蓝天大厦7楼</p>
                    </div>
                    <div class="information position2">
                        <h6>公司电话：</h6>
                        <p>021-61670021</p>
                        <h6>销售电话：</h6>
                        <p>13817533779（陈先生）</p>
                    </div>
                    <div class="information position3">
                        <h6>销售邮箱</h6>
                        <p>sales@24t.net.cn</p>
                    </div>
                    <div class="line-connect">
                        <a href="map.html" target="viewport" class="look-map">查看地图</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 合作伙伴 -->
        <div class="partners">
            <div class="partners-content">
                <h4>合作伙伴
                    <span class="line-bottom"></span>
                </h4>
                <p>PARTNERS</p>
                <div class="swiper-container partners-list" style="padding-top: 40px">
                    <div class="swiper-wrapper list-wrapper">
                        <div class="swiper-slide">
                            <img src="images/partner_古北.jpg" alt="">
                            <p>上海古北(集团)有限公司</p>
                        </div>
                        <div class="swiper-slide">
                            <img src="images/partner_彩生活.jpg" alt="">
                            <p>彩生活</p>
                        </div>
                        <div class="swiper-slide">
                            <img src="images/partner_静安151.jpg" alt="">
                            <p>上海静安151项目</p>
                        </div>
                        <div class="swiper-slide">
                            <img src="images/partner_中航.jpg" alt="">
                            <p>中航物业</p>
                        </div>
                        <div class="swiper-slide">
                            <img src="images/partner_巨人通力.jpg" alt="">
                            <p>巨人通力电梯</p>
                        </div>
                        <div class="swiper-slide">
                            <img src="images/partner_绿嵐.jpg" alt="">
                            <p>上海绿岚物业管理有限公司</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <footer>
        <p class="copyright">copyright 版权信息版权信息版权信息版权信息版权信息版权信息</p>
    </footer>
    <!-- swiper -->
    <script type="text/javascript" src="./js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="./js/swiper-3.4.2.jquery.min.js"></script>
    <!-- 共享 -->
    <script src="./js/uilts.js"></script>
    <!-- load -->
    <script type="text/javascript" src="./controller/index-loding.js"></script>
</body>

</html>